<template>
<el-menu
:default-active="$route.path"
 :router="true"
  class="el-menu-vertical-demo"
  @open="handleOpen"
  @close="handleClose">
  <el-submenu index="1">
    <template slot="title">
      <i class="el-icon-location"></i>
      <span>导航一</span>
    </template>


      <el-menu-item index="/ShopList">选项3</el-menu-item>
      <el-menu-item index="/CouponList">选项4</el-menu-item>


  </el-submenu>
  <el-menu-item index="2">
    <i class="el-icon-menu"></i>
    <span slot="title">导航二</span>
  </el-menu-item>

</el-menu>

</template>
<style>
	  .el-menu-vertical-demo{



height:100%;

  }

</style>
<script>

	export default{
		data:function(){
      return{

      }
		},methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },handleSelect(index){
        console.log(index);
      }
    }
	}
</script>
